<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/templateMain.xhtml">
	<ui:define name="content">
		
	<h:form>
		
		<p:growl id="messages" showDetail="true"/>
		
		<h:panelGrid columns="2">
		
<!-- 		<p:inputText value="#{ProductoHomeBean.txtbuscar}"> -->
			
<!-- 		</p:inputText> -->
		
<!-- 		<p:selectOneMenu value="Buscar">  -->
<!-- 			<f:selectItem itemLabel="Codigo"  itemValue="Codigo"/> -->
<!-- 			<f:selectItem itemLabel="Descripcion" itemValue="Descripcion"/> -->
<!-- 			<f:selectItem itemLabel="Estado" itemValue="Estado"/> -->
<!-- 		</p:selectOneMenu> -->
		</h:panelGrid>
		
		<!-- Aqui comienza la tabla donde mostraremos los productos que contiene la base de datos -->
		
		<p:dataTable id="productos" value="#{productoHomeBean.list}" var="p">
			<p:column headerText="Codigo">
				<p:outputLabel value="#{p.codigo}"/>
			</p:column>
			<p:column headerText="Descripcion">
				<p:outputLabel value="#{p.descripcion}"/>
			</p:column>
			<p:column headerText="Precio Unitario">
				<p:outputLabel value="#{p.precioUnitario}"/>
			</p:column>
			<p:column headerText="Stock">
				<p:outputLabel value="#{p.stock}"/>
			</p:column>
			<p:column headerText="Fecha de Vencimiento">
				<p:outputLabel value="#{p.fechaVencimiento}"/>
			</p:column>
			<p:column>
				<p:menuButton value="Options">
        			<p:menuitem value="Update" action="#{productoHomeBean.update}" icon="ui-icon-arrowrefresh-1-w">
        				<f:setPropertyActionListener target="#{productoHomeBean.producto}" value="#{p}" />
        			</p:menuitem>
        			<p:menuitem value="Delete" actionListener="#{productoHomeBean.delete}" ajax="false" icon="ui-icon-close">
        				
        			</p:menuitem>
        			<p:separator />
        			<p:menuitem value="ProductDetail"  icon="ui-icon-extlink"/>
    			</p:menuButton>
			</p:column>
		</p:dataTable>
			
		
			
	</h:form>
	</ui:define>
</ui:composition>
</html>
